<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <title>Hi娱App</title>
    <link rel="stylesheet" href="./css/swiper.min.css">
    <link rel="stylesheet" href="./css/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="./css/style.css">
    <script type="text/javascript">
    	(function(w){
    		if(screen.width > 1024){
    			w.location = "http://120.24.97.212/";
    		}
    	})(window);
    </script>
</head>
<body>
    <div class="g-container">
        <div class="header">
                <a class="logo" href="javascript:void(0)"></a>
        </div>
        <div class="slideBar swiper-container">
            <div class="swiper-wrapper">
                <a href="#" class="swiper-slide" data-name="崔阿扎">
                    <img src="./images/zhubo1.jpg" alt="">                   
                </a>
                <a href="#" class="swiper-slide" data-name="大衣哥">
                    <img src="./images/zhubo2.jpg" alt="">
                </a>
                <a href="#" class="swiper-slide" data-name="夏可可">
                    <img src="./images/zhubo3.jpg" alt="">
                </a>
                <a href="#" class="swiper-slide" data-name="风小筝">
                    <img src="./images/zhubo4.jpg" alt="">
                </a>
                <a href="#" class="swiper-slide" data-name="翔哥">
                    <img src="./images/zhubo5.jpg" alt="">
                </a>
                <a href="#" class="swiper-slide" data-name="藻小胖">
                    <img src="./images/zhubo6.jpg" alt="">
                </a>
                <a href="#" class="swiper-slide" data-name="鸿涛">
                    <img src="./images/zhubo7.jpg" alt="">
                </a>
                <a href="#" class="swiper-slide" data-name="赵可那">
                    <img src="./images/zhubo8.jpg" alt="">
                </a>
                <a href="#" class="swiper-slide" data-name="门门">
                    <img src="./images/zhubo9.jpg" alt="">
                </a>
				
            </div>
            <div id="JS-slide-prev" class="swiper-button swiper-button-prev "></div>
            <div id="JS-slide-next" class="swiper-button swiper-button-next"></div>
            
            <div class="zhubo-info">
		        YY.<span id="JS-zhubo-name" class="zhubo-name">崔阿扎</span>
		    </div>
        </div>
        <div class="downloadInfo">
			<div class="d-left left-item">
				<img src="images/ad.png" alt="" />
			</div>
			<div class="d-right right-item">
				<img src="images/ad1.png"/>
				<a href="#" class="download-btn">
					<img src="images/download_btn.png"/>
				</a>
			</div>
        </div>
    </div>
    <script type="text/javascript" src="./js/flexible.js"></script>
    <script type="text/javascript" src="./js/jquery.min.js"></script>
    <script type="text/javascript" src="./js/swiper.jquery.min.js"></script>

    <script type="text/javascript">
         var mySwiper = new Swiper ('.swiper-container', {
            loop: true,

            // 如果需要分页器
            pagination: '.swiper-pagination',

            // 如果需要前进后退按钮
            nextButton: '.swiper-button-next',
            prevButton: '.swiper-button-prev'
         });
         
         $(".swiper-button").click(function(){         	
         	var name = $(".swiper-slide-active").data("name");
         	$("#JS-zhubo-name").html(name);
         });
         
         
    </script>
</body>
</html>